<script src="jquery-1.3.2.min.js" type="text/javascript"></script>

<script src="./gx/GX_packed.js" type="text/javascript"></script>

<script src="./gx/GX.transitions_packed.js" type="text/javascript"></script>

<script src="./gx/GX.extras_packed.js" type="text/javascript"></script>

<script type="text/javascript"> 
$(document).ready(function(){
var i = 10;
while(i--)
{
	$('#test')
	.gx({'top': '+=400' ,'left': '+=600'}, 20000,'Linear')
	.gx({'top': '-=100' ,'left': '-=200'}, 2000)
	.gx({'top': '-=40' ,'left': '-=40'}, 1000 ,'Linear')
	.gx({'top': '+=40' ,'left': '-=40'}, 1000 ,'Linear')
	.gx({'top': '+=40' ,'left': '+=40'}, 1000 ,'Linear')
	.gx({'top': '-=340' ,'left': '-=360'}, 10000 ,'Linear')
;
} 

i = 100;
while(i--)
{
	$('#shovel')
	.gx({'top': '+=40' ,'left': '-=40'}, 500 ,'Linear')
	.gx({'top': '-=40' ,'left': '+=40'}, 1000 ,'Linear')
; 

}

//	.gx({'top': '+=180'}, 1000)
//	.gx({'left': '-=40'}, 200)
//	.gx({'left': '+=480'}, 1000)
//	.gx({'top': '+=40'}, 200)
//	.gx({'top': '0'}, 1000)
//	.gx({'right': '-=40'}, 200)
//	.gx({'top': '+=40'}, 1000);
});
</script> 
<img src="img/f.jpg" />
<div id="test" 	 style=" overflow:hidden;position:absolute;width:128px;height:128px;background:url(img/003ac.GIF) no-repeat;"></div>
<div id="shovel" style="overflow:hidden;position:absolute;width:128px;height:128px;background:url(img/shovel.png) no-repeat;top:400px;left:800px;"></div>
